.k-button .k-icon,
.k-textbox,
.forwardButton,
.searchButton,
.backButton {
 /*   position: unset !important;*/
}

.k-button {
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.k-window-actions {
    right: 16px !important;
}

.tilebadge {
    background-color: cornflowerblue;
    color: white;
    padding: 2px 6px;
    border-radius: 3px;
}

.maincontent{
/*padding-top:20px;*/
}
.RadForm.rfdHeading h5 {
    font-size: xx-large !important;
    font-weight: bold !important;
    border-bottom: 0px solid !important;
}

.k-badge-md {
    font-size: 100%;
}
.RadForm.rfdHeading h4, .RadForm.rfdHeading h5, .RadForm.rfdHeading h6,
.RadSiteMap,
.k-grid,
.k-card,
.k-treeview {
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}


.RadForm.rfdHeading h5,
.k-card-title {
    color: white !important;
}
.k-card .cardtext {
    color: black !important;
}
.k-tilelayout .k-card {
    box-shadow: 5px 5px 5px lightgrey !important;
}
.k-card,
.k-card a {
    color: white !important;
    text-decoration: none;
    border-radius: 0px;
}

    .k-card:hover {
        margin-top: -2px;
    }


.RadForm input.rfdDecorated,
.k-input {
    border: 0px !important;
}

@media screen and (max-width: 400px) {
    #tileLayout, #tileLayout1, #tileLayout2 {
        grid-template-columns: repeat(1, minmax(0px, 1fr)) !important;
    }

    .chart,
    .myflex,
    .tablecell {
        display: unset;
    }

    .postlist,
    .postListGrid {
        max-width: 400px !important;
    }

    .details {
        width: 400px;
        vertical-align: top !important;
    }

    .chart {
        display: none !important;
        /*text-anchor:unset !important;*/
        /*height: 280px;*/
        width: 400px;
        font-family: unset;
    }

    .mainheader25 {
        width: 100% !important;
    }

    .mainheader75 {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
    }

    .mainheaderextsearch {
        display: none;
    }

    .tablecell75 {
        display: unset !important;
        width: 100%;
    }

    .tablecell25 {
        display: unset !important;
        width: 100%;
    }

    .size-1 {
        width: 320px;
    }

    .size-2,
    .size-6 {
        width: 900px;
    }

    .size-3 {
        height: 300px;
        width: 400px;
    }

    .size-4 {
        height: 500px;
        width: 500px;
    }

    .size-5 {
        height: 500px;
        width: 300px;
    }
}

@media screen and (max-width: 600px) {
    #tileLayout, #tileLayout1, #tileLayout2 {
        grid-template-columns: repeat(1, minmax(0px, 1fr)) !important;
    }

    .chart,
    .myflex,
    .tablecell {
        display: unset;
    }

    .postlist,
    .postListGrid {
        max-width: 320px !important;
    }

    .details {
        width: 600px;
        vertical-align: top !important;
    }

    .chart {
        display: none !important;
        /*height: 280px;*/
        width: 320px;
        font-family:unset;
    }
    .mainheader25 {
        width: 100% !important;
    }

    .mainheader75 {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
    }

    .mainheaderextsearch {
        display: none;
    }
    .tablecell75 {
        display: unset !important;
        width: 100%;
    }

    .tablecell25 {
        display: unset !important;
        width: 100%;
    }

    .size-1 {
        width: 320px;
    }

    .size-2,
    .size-6 {
        width: 900px;
    }

    .size-3 {
        height: 300px;
        width: 400px;
    }

    .size-4 {
        height: 500px;
        width: 500px;
    }

    .size-5 {
        height: 500px;
        width: 300px;
    }
}

@media screen and (max-width: 767px) {
    #container div {
        width: 320px;
        text-align: center;
    }
    .chart,
    .myflex,
    .tablecell {
        display: unset;
    }

    .postlist,
    .postListGrid {
        max-width: 767px !important;
    }
    .chart {
        height: 280px;
        width: 320px;
        font-family: unset;
    }

    .mainheader25 {
        width: 25%;
    }

    .mainheader75 {
        width: 75%;
        //margin: 10px;
    }

    .mainheaderextsearch {
        display: none;
    }
    .tablecell75 {
        display: unset !important;
        width: 100%;
    }

    .tablecell25 {
        display: unset !important;
        width: 100%;
    }
    .size-1 {
        width: 320px;
    }

    .size-2,
    .size-3,
    .size-4,
    .size-5,
    .size-6 {
        width: 320px;
        display: none;
    }
}

@media screen and (min-width: 768px) {

    #container div {
        width: 900px;
        text-align: center;
    }
    .chart,
    .tablecell {
        display: table-cell;
    }
    .postlist,
    .postListGrid {
        max-width: 1000px !important;
    }
    
    .myflex {
        display: flex;
    }

    .chart {
        /*height: 280px;*/
        width: 580px;
        font-family: unset;
    }
    .mainheader25 {
        display: table-cell;
        width: 25%;
        min-width: 317px;
    }

    .mainheader75 {
        display: table-cell;
        width: 75%;
        margin: 10px;
    }

    .mainheaderextsearch {
        display: table-cell;
    }
    .tablecell75 {
        display: table-cell;
        width: 75%;
    }

    .tablecell25 {
        display: table-cell;
        width: 25%;
    }
    .size-1,
    .size-2,
    .size-3,
    .size-4,
    .size-5 {
        display: none;
    }

    .size-6 {
        width: 900px;
    }

    .relatednode {
        margin: 4px;
    }
}